.line{
  width: 100%;
  height: 0.1rem;
  background: #EEEEEE;
}
.division{
  width: 100%;
  height: 1.5rem;
  background: #EEEEEE;
}
.money{
  color: orangered;
}
.pay-container{
  height: 100%;
  width: 100%;
  .order-info-box{
    padding: 1rem;
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    span{
      display: flex;
      .money{
        color: orangered;
      }
    }
  }
  .acount-info-box{
    padding: 1rem;
    .acount-info-item{
      width: 100%;
      height: 3.5rem;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      font-size: 1rem;
      img{
        width: 2.5rem;
        height: 2.5rem;
      }
      p{
        padding-left: 0.5rem;
      }
      .money{
        color: orangered;
      }
    }
  }
  .pay-title-box{
    padding: 0.5rem 1rem;
    display: flex;
    font-size: 1.5rem;
    justify-content: space-between;
  }
  .pay-box{
    padding: 0 1rem;
    .pay-item{
      height: 4rem;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .pay-type{
        display: flex;
        align-items: center;
        img{
          width: 3rem;
          height: 3rem;
        }
        p{
          padding-left: 1rem;
        }
      }
      img{
        width: 1.8rem;
        height: 1.8rem;
      }
    }
  }
  .btn-box{
    padding: 3rem 1rem;
    .pay-btn{
      width: 100%;
      height: 3rem;
      border-radius: 0.5rem;
      background: rgb(245,80,84);
      text-align: center;
      line-height: 3rem;
      color:white;
      font-size: 2rem;
    }
    .pay-btn:active{
      background: orangered;
    }
  }
}


